<template>
  <div class="box">
    <card v-for="item,index in cardList" :key="index" :data="item"></card>
  </div>
</template>

<script>
import card from "@/views/application/components/card";
export default {
  name: "application",
  components:{
    card
  },
  mounted() {
    this.getTip()
  },
  data(){
    return{
      cardList:[]
    }
  },
  methods:{
    getTip(){
      this.$api.showApplicationCenterList().then(res=>{
        this.cardList=res.data
      }).catch()
    }
  }
}
</script>

<style scoped lang="less">
.box{
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
  margin-left:2.5vw
}
</style>
